<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>上传照片</title>
    <!-- 公共 -->
    <script type="text/javascript" charset="utf-8" src="/common/js/framework.js"></script>
    <script type="text/javascript" charset="utf-8" src="/common/js/navbar.js"></script>
    <script type="text/javascript" charset="utf-8" src="/common/js/copyright.js"></script>

    <link rel="stylesheet" type="text/css" href="css/uploadImg.css">
    <script type="text/javascript" src="js/uploadImg.js"></script>
</head>
<body>
<div class="container">
    <div class="layui-card">
        <div class="layui-card-body">
            <blockquote class="layui-elem-quote">
                目前只支持上传原图，后续会支持压缩图上传
            </blockquote>
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
                <legend>上传多张图片</legend>
            </fieldset>
            <div class="layui-upload">
                <button class="layui-btn" type="button"  id="chooseAlbum">选择多张图片</button>
                <button class="layui-btn layui-btn-disabled" id="uploadImageBtn" title="请先选择图片" data-method="offset" data-type="loading">上传</button>
                <div class="progressShowWrapper">
                    <div class="progressTextWrapper">
                        <div class="photoIndexWrapper">正在上传第<span class="photoIndex"></span>张照片：</div>
                        <div class="photoName"></div>
                    </div>
                    <div class="progressWrapper">
                        <div class="layui-progress" lay-showpercent="true" lay-filter="demo">
                            <div class="layui-progress-bar" lay-percent="0%"></div>
                        </div>
                    </div>
                </div>
                <blockquote class="layui-elem-quote layui-quote-nm" style="margin-top: 10px;">
                    预览图：
                    <div class="layui-upload-list" id="demo2"></div>
                </blockquote>
            </div>
        </div>
    </div>
</div>
<div id="navbottomBarId"></div>

</body>
</html>